<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>jQuery ks</title>

	<link rel="stylesheet" href="dist/bootstrap.min.css">
	<link rel="stylesheet" href="./font_3380705_o0391ohg2eg/iconfont.css">
	<link rel="stylesheet" href="dist/sidebar-menu.css">
</head>

<body>
	di
	<!-- 头部 -->
	<header>
		<div class="admin"><i class="iconfont icon-yonghu user-profile"></i>欢迎您，admin </div>
		<div class="coin">
			<i class="iconfont icon-jinbi-yingbi-huobi-Coin " style="color: yellow; font-size: 16px;"></i>
			<span style="font-size: 13px; color: #fff;">史努币</span>
			<span style="font-size: 16px; color: #fff;">200,000</span>
		</div>
	</header>
	<div>
		<!-- 侧边栏 -->
		<aside class="main-sidebar">
			<section class="sidebar">
				<ul class="sidebar-menu">
					<!-- 111111111 -->
					<li class="treeview">
						<a href="#">
							<i class="iconfont icon-zhinanzhen"></i> <span>招募管理</span>
						</a>
						<ul class="treeview-menu" style="display: none;">
							<li><a href="#"><i class="fa fa-circle-o"></i> 推荐分发</a></li>
							<li><a href="#"><i class="fa fa-circle-o"></i> TA流程</a></li>
							<li><a href="#"><i class="fa fa-circle-o"></i> OT流程</a></li>
							<li><a href="#"><i class="fa fa-circle-o"></i> MS1流程</a></li>
							<li><a href="#"><i class="fa fa-circle-o"></i> MS2流程</a></li>

						</ul>
					</li>
					<!-- 22222222222 -->
					<li class="treeview">
						<a href="#">
							<i class="iconfont icon-pingtai_mokuai"></i>
							<span>职位管理</span>
						</a>
						<ul class="treeview-menu" style="display: none;">
							<li><a href="#"> 顶部导航</a></li>
							<li><a href="#"> 盒子布局</a></li>
							<li><a href="#">固定布局</a></li>
							<li class=""><a href="#"><i class="fa fa-circle-o"></i> 折叠侧边栏</a>
							</li>
						</ul>
					</li>
					<!-- 333333333333 -->
					<li>
						<a href="#">
							<i class="iconfont icon-mofabang"></i><span>人才库</span>

						</a>
						<ul class="treeview-menu" style="display: none;">
							<li><a href="#"> 顶部导航</a></li>
							<li><a href="#"> 盒子布局</a></li>
							<li><a href="#"> 固定布局</a></li>
							<li class=""><a href="#"><i class="fa fa-circle-o"></i> 折叠侧边栏</a>
							</li>
						</ul>
					</li>
					<!-- 44444444444444 -->
					<li class="treeview">
						<a href="#">
							<i class="iconfont icon-aixin_shixin
							"></i>
							<span>积分管理</span>
							<i class="fa fa-angle-right pull-right"></i>
						</a>
						<ul class="treeview-menu" style="display: none;">
							<li><a href="#"> ChartJS</a></li>
							<li><a href="#"> Morris</a></li>
							<li><a href="#"> Flot</a></li>
							<li><a href="#"> Inline charts</a></li>
						</ul>
					</li>
					<!-- 555555555555555 -->
					<li class="treeview">
						<a href="#">
							<i class="iconfont icon-lianjie"></i>
							<span>其他</span>
							<i class="fa fa-angle-right pull-right"></i>
						</a>
						<ul class="treeview-menu" style="display: none;">
							<li><a href="#"> 一般</a></li>
							<li><a href="#"> Icons图标</a></li>
							<li><a href="#"> 按钮</a></li>
							<li><a href="#"> 滑块</a></li>
							<li><a href="#"> 时间表</a></li>
							<li><a href="#"> 模态框</a></li>
						</ul>
					</li>
					<!-- 6666666666666 -->
					<li class="treeview">
						<a href="#">
							<i class="iconfont icon-yanjing"></i><span>管理与分析</span>

						</a>
						<ul class="treeview-menu" style="display: none;">
							<li><a href="#"> 一般表单</a></li>
							<li><a href="#"> 高级表单</a></li>
							<li><a href="#"> 可编辑表单</a></li>
						</ul>
					</li>
					<!-- 777777777777 -->
					<li class="treeview">
						<a href="#">
							<i class="iconfont icon-lifangtilitiduomiantifangkuai2
							"></i> <span>系统管理</span>

						</a>
						<ul class="treeview-menu" style="display: none;">
							<li><a href="#"> 简单表格</a></li>
							<li><a href="#"> 时间表格</a></li>
						</ul>
					</li>
					<li>

					</li>
					<!-- 8888888888888 -->
					<li>
						<a href="#">
							<i class="iconfont icon-weixin"></i> <span>邮微信后台管理箱</span>

						</a>
					</li>
					<!-- 9999999999 -->
					<li class="treeview">
						<a href="#">
							<i class="iconfont icon-zhinanzhen"></i><span>实例</span>

						</a>
						<ul class="treeview-menu" style="display: none;">
							<li><a href="#"> 清单</a></li>
							<li><a href="#"> 简况</a></li>
							<li><a href="#"> 登录</a></li>
							<li><a href="#"> 注册</a></li>
							<li><a href="#"> 锁频</a></li>
							<li><a href="#"> 404 错误</a></li>
							<li><a href="#"> 500 错误</a></li>
							<li><a href="#"> 空白页面</a></li>
							<li><a href="#"> 自适应页面</a></li>
						</ul>
					</li>
					<!-- 10 -->
					<li class="treeview">
						<a href="#">
							<i class="iconfont icon-zhinanzhen"></i> <span>多级</span>

						</a>
						<ul class="treeview-menu">
							<li><a href="#"><i class="fa fa-circle-o"></i> 一级</a></li>
							<li>
								<a href="#"><i class="fa fa-circle-o"></i> 一级 <i
										class="fa fa-angle-right pull-right"></i></a>
								<ul class="treeview-menu">
									<li><a href="#"><i class="fa fa-circle-o"></i> 二级</a></li>
									<li>
										<a href="#"><i class="fa fa-circle-o"></i> 二级 <i
												class="fa fa-angle-right pull-right"></i></a>
										<ul class="treeview-menu">
											<li><a href="#"><i class="fa fa-circle-o"></i> 三级</a></li>
											<li><a href="#"><i class="fa fa-circle-o"></i> 三级</a></li>
										</ul>
									</li>
								</ul>
							</li>
							<li><a href="#"><i class="fa fa-circle-o"></i> 一级</a></li>
						</ul>
					</li>
				</ul>
			</section>
		</aside>
		<!-- 右边体 -->
		<div class=" container-fluid right-content">

			<div class="location">
				<div><i class="iconfont icon-yonghu"></i>当前位置：招募管理 〉OT流程</div>
				<div>今天是2014年12月29日 星期一</div>
			</div>
			<div class="candidate">
				<h4>推荐候选人清单</h4>
				<span class="search">
					<input type="text"><i class="iconfont icon-sousuo"
						style="background-color: #006ab6; color: #fff; "></i>
				</span>

			</div>
			<table class="table">
				<thead>
					<tr>
						<th>姓名</th>
						<th>性别</th>
						<th>年龄</th>
						<th>学历</th>
						<th>手机</th>
						<th>来源</th>
						<th>推荐人姓名</th>
						<th>推荐时间</th>
						<th>候选人状态</th>
						<th>简历完整</th>
						<th> </th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>张三</td>
						<td>男</td>
						<td>34</td>
						<td>本科</td>
						<td>1551814761</td>
						<td>缘故</td>
						<td>李狗蛋</td>
						<td>2014/10/2 </td>
						<td><i class="iconfont icon-73dengdai"></i>等待</td>
						<td> <i class="iconfont icon-kongxinduigou"></i> </td>
						<td>跟踪</td>

					</tr>
					<tr>
						<td>张三</td>
						<td>男</td>
						<td>34</td>
						<td>本科</td>
						<td>1551814761</td>
						<td>缘故</td>
						<td>李狗蛋</td>
						<td>2014/10/2 </td>
						<td><i class="iconfont icon-73dengdai"></i>等待</td>
						<td> <i class="iconfont icon-cuowukongxin" style="color: red;"></i> </td>
						<td>跟踪</td>
					</tr>
					<tr>
						<td>张三</td>
						<td>男</td>
						<td>34</td>
						<td>本科</td>
						<td>1551814761</td>
						<td>缘故</td>
						<td>李狗蛋</td>
						<td>2014/10/2 </td>
						<td><i class="iconfont icon-aixin" style="color: blue;"></i>评语</td>
						<td> <i class="iconfont icon-kongxinduigou"></i> </td>
						<td>跟踪</td>

					</tr>
					<tr>
						<td>张三</td>
						<td>男</td>
						<td>34</td>
						<td>本科</td>
						<td>1551814761</td>
						<td>缘故</td>
						<td>李狗蛋</td>
						<td>2014/10/2 </td>
						<td><i class="iconfont icon-31dianzan"></i>成功</td>
						<td> <i class="iconfont icon-cuowukongxin" style="color: red;"></i> </td>
						<td>跟踪</td>
					</tr>
					<tr>
						<td>张三</td>
						<td>男</td>
						<td>34</td>
						<td>本科</td>
						<td>1551814761</td>
						<td>缘故</td>
						<td>李狗蛋</td>
						<td>2014/10/2 </td>
						<td><i class="iconfont icon-31dianzan"></i>成功</td>
						<td> <i class="iconfont icon-kongxinduigou"></i> </td>
						<td>跟踪</td>

					</tr>
					<tr>
						<td>张三</td>
						<td>男</td>
						<td>34</td>
						<td>本科</td>
						<td>1551814761</td>
						<td>缘故</td>
						<td>李狗蛋</td>
						<td>2014/10/2 </td>
						<td><i class="iconfont icon-31dianzan"></i>成功</td>
						<td> <i class="iconfont icon-cuowukongxin" style="color: red;"></i> </td>
						<td>跟踪</td>
					</tr>
					<tr>
						<td>张三</td>
						<td>男</td>
						<td>34</td>
						<td>本科</td>
						<td>1551814761</td>
						<td>缘故</td>
						<td>李狗蛋</td>
						<td>2014/10/2 </td>
						<td><i class="iconfont icon-31dianzan"></i>成功</td>
						<td> <i class="iconfont icon-kongxinduigou"></i> </td>
						<td>跟踪</td>

					</tr>
					<tr>
						<td>张三</td>
						<td>男</td>
						<td>34</td>
						<td>本科</td>
						<td>1551814761</td>
						<td>缘故</td>
						<td>李狗蛋</td>
						<td>2014/10/2 </td>
						<td><i class="iconfont icon-73dengdai"></i>等待</td>
						<td> <i class="iconfont icon-cuowukongxin" style="color: red;"></i> </td>
						<td>跟踪</td>
					</tr>

				</tbody>
			</table>
			<hr style="width: 930px;height: 1px;background-color: #006ab6;">

			<nav aria-label="Page navigation">

				<ul class="pagination">
					<li><a href="#">首页</a></li>
					<li>
						<a href="#" aria-label="Previous">
							<span aria-hidden="true">&laquo;</span>
						</a>
					</li>

					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li>
						<a href="#" aria-label="Next">
							<span aria-hidden="true">&raquo;</span>
						</a>
					</li>
					<li><a href="#">尾页</a></li>

				</ul>

			</nav>
		</div>
	</div>

	<script src="./js/jquery-2.1.1.min.js"></script>
	<script src="dist/sidebar-menu.js"></script>
	<script>
		$.sidebarMenu($('.sidebar-menu'))
	</script>


</body>

</html>